HTMLify
index.html
Views: 421 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <!-- Awesome Vanilla Javascript Image Slider! by Simo Edwin - Dev Ed (2021) see: https://www.youtube.com/watch?v=ee8y1IV6pOI --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css" /> <title>Image Comparison Slider</title> </head> <body> <div class="container"> <div class="img-container-after"> <img src="https://images.unsplash.com/photo-1605405748429-cc26b762fa16?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1336&q=80" alt="" class="after" /> </div> <div class="img-container-before"> <img src="https://images.unsplash.com/photo-1605405747924-2709f6783d0a?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1336&q=80" alt="" class="before" /> </div> <div class="slider"></div> </div> <script src="script.js"></script> </body> </html> |